html{font-size:62.5%;font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif!important;-webkit-text-size-adjust:none;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}
body{line-height:1.333;font-size:14px; }
/* min-width: 1200px */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif!important;
-webkit-text-size-adjust:none;}
.clear {clear: both;}   
.bannernew{width: 100%;height:702px;background:url(../img/bgs.jpg) no-repeat top;float: left;background-size:auto 100%; position: relative;padding-top: 80px}
.circle{position: absolute; top: 50%; left: 50%; margin-top: -130px; margin-left: -130px; width:260px; height: 260px; 
background:url(../img/bg.png) no-repeat;}
.circle .c-circle{width: 100%;height: 100%;border-radius: 100%;position: absolute;
transform-origin: center center;animation: circle 8s linear infinite;}
.circle .c-circle:after{content: '';position: absolute;}
.circle .first:after{width: 60px;height: 60px;left: 5px;top: 5px;background: url(../img/1.png) no-repeat;          }
.circle2{position: absolute; top: 50%; left: 50%; margin-top: -130px; margin-left: -130px; width:260px; height: 260px; }
.circle2 .c-circle{width: 100%;height: 100%;border-radius: 100%;position: absolute;transform-origin: center center;
animation: circle 4s linear infinite;}
.circle2 .c-circle:after{content: '';position: absolute;}
.circle2 .second:after{width: 110px;height: 60px;left: 27px;top: 25px;background: url(../img/2.png) no-repeat;}
.circle3{position: absolute; top: 50%; left: 50%; margin-top: -130px; margin-left: -130px; width:260px; height: 260px; }
.circle3 .c-circle{width: 100%;height: 100%;border-radius: 100%;position: absolute;transform-origin: center center;
animation: circle 3s linear infinite;}
.circle3 .c-circle:after{content: '';position: absolute;}
.circle3 .third:after{width: 180px;height: 180px;left: 45px;top: 40px;background: url(../img/3.png) no-repeat;}
.circle4{position: absolute; top: 50%; left: 50%; margin-top: -78px; margin-left: -80px; width:158px; height: 158px; 
			background:url(../img/shui.png) no-repeat; z-index: 9999;animation: circle 5s linear infinite;}

@keyframes circle{
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
.pictxt{position:absolute;top:50%;left:50%;margin-top:-130px;margin-left:-130px;width:260px;height:260px;
overflow:visible;color:#fff;font-size:20px }
.pictxt .txt1{float: left;height:195px;width:264px;margin-left: -252px;margin-top:-110px;background: url(../img/xian01.png) no-repeat left bottom;}
.pictxt .txt1 span{display: inline-block;float: left;margin-left: 15px;}
.pictxt .txt1 i{display: inline-block;float: left;margin-left:85px;margin-top:65px}

.pictxt .txt2{float: left;height:95px;width:469px;margin-left: -479px;margin-top:20px;background: url(../img/xian02.png) no-repeat left bottom;}
.pictxt .txt2 span{display: inline-block;margin-left: 10px}
.pictxt .txt2 i{display: inline-block;margin-top:-80px;margin-left: 10px}

.pictxt .txt3{float: left;height:104px;width:437px;margin-left: -430px;margin-top:140px;background: url(../img/xian03.png) no-repeat left bottom;}
.pictxt .txt3 span{display: inline-block;float: left;margin-left:23px;margin-top: 40px}
.pictxt .txt3 i{display: inline-block;float: left;margin-left: 10px;margin-top:30px}

.pictxt .txt4{float:left;height:85px;width:185px;margin-left: -150px;margin-top: 220px;background: url(../img/xian04.png) no-repeat right 10px;}
.pictxt .txt4 span{display: inline-block;float: left;}
.pictxt .txt4 i{display: inline-block;float: left;margin-top: 15px;margin-left:10px;}

.pictxt .txt5{float: right;height:139px;width:291px;margin-right: -224px;margin-top:240px;background: url(../img/xian05.png) no-repeat left bottom;}
.pictxt .txt5 span{display: inline-block;float: left;margin-left: 90px;margin-top:90px}
.pictxt .txt5 i{display: inline-block;float: left;margin-left:20px;margin-top:80px}

.pictxt .txt6{float:right;height:78px;width:490px;margin-right: -508px;margin-top: 180px;background: url(../img/xian06.png) no-repeat left bottom;}
.pictxt .txt6 span{display: inline-block;float: right;}
.pictxt .txt6 i{display: inline-block;float: right;margin-right:60px}

.pictxt .txt7{float: right;height:95px;width:204px;margin-right:-252px;margin-top:130px;background: url(../img/xian07.png) no-repeat left bottom;}
.pictxt .txt7 span{display: inline-block;float: right;}
.pictxt .txt7 i{display: inline-block;float: right;margin-right: 40px;}

.pictxt .txt8{float: right;height:110px;width:449px;margin-right:-512px;margin-top:10px;background: url(../img/xian08.png) no-repeat left bottom;}
.pictxt .txt8 span{display: inline-block;float: right;margin-right:23px;margin-top: 40px}
.pictxt .txt8 i{display: inline-block;float: right;margin-right:10px;margin-top:30px}

.pictxt .txt9{float: right;height:112px;width:219px;margin-right:-262px;margin-top:-50px;background: url(../img/xian09.png) no-repeat left bottom;}
.pictxt .txt9 span{display: inline-block;float: right;    margin-right:20px;}
.pictxt .txt9 i{display: inline-block;float: right;    margin-right: 70px;}

.pictxt .txt10{float:right;height:158px;width:278px;margin-right:-275px;margin-top:-140px;background:url(../img/xian10.png) no-repeat left bottom;}
.pictxt .txt10 span{display: inline-block;float: right;margin-top: 20px;margin-left: 10px;    margin-right: 30px;}
.pictxt .txt10 i{display: inline-block;float: right;}

.pictxt .txt11{float:left;height:120px;width:141px;margin-left: -52px;margin-top:-118px;background: url(../img/xian11.png) no-repeat right bottom;text-align: center;}
.pictxt .txt11 span{display: inline-block;}
.pictxt .txt11 i{display: inline-block;float: left;margin-left: 55px}

.pictxt .txt,.pictxt .txt span,.pictxt .txt i{opacity: 0;transform: translateX(100px);animation:show .5s forwards;}
.pictxt .txt.show,.pictxt .txt span.show,.pictxt .txt i.show{animation-delay: 0s!important;}
.pictxt .txt.hide,.pictxt .txt span.hide,.pictxt .txt i.hide{opacity: 1;transform: translateX(0);animation-name:hide;animation-delay: 0s;}
.pictxt .txt:not(.hide).txt1 {animation-delay: .3s;}
.pictxt .txt:not(.hide).txt1 span{animation-delay: .5s;}
.pictxt .txt:not(.hide).txt1 i{animation-delay: .7s;}
.pictxt .txt:not(.hide).txt2 {animation-delay: .9s;}
.pictxt .txt:not(.hide).txt2 span{animation-delay: 1.1s;}
.pictxt .txt:not(.hide).txt2 i{animation-delay: 1.2s;}
.pictxt .txt:not(.hide).txt3 {animation-delay: 1.3s;}
.pictxt .txt:not(.hide).txt3 span{animation-delay: 1.5s;}
.pictxt .txt:not(.hide).txt3 i{animation-delay: 1.7s;}
.pictxt .txt:not(.hide).txt4 {animation-delay: 1.9s;}
.pictxt .txt:not(.hide).txt4 span{animation-delay: 2.1s;}
.pictxt .txt:not(.hide).txt4 i{animation-delay: 2.3s;}
.pictxt .txt:not(.hide).txt5 {animation-delay: 2.5s;}
.pictxt .txt:not(.hide).txt5 span{animation-delay: 2.7s;}
.pictxt .txt:not(.hide).txt5 i{animation-delay: 2.9s;}
.pictxt .txt:not(.hide).txt6 {animation-delay: 3.1s;}
.pictxt .txt:not(.hide).txt6 span{animation-delay: 3.3s;}
.pictxt .txt:not(.hide).txt6 i{animation-delay: 3.5s;}
.pictxt .txt:not(.hide).txt7 {animation-delay: 3.7s;}
.pictxt .txt:not(.hide).txt7 span{animation-delay: 3.9s;}
.pictxt .txt:not(.hide).txt7 i{animation-delay: 4.1s;}
.pictxt .txt:not(.hide).txt8 {animation-delay: 4.3s;}
.pictxt .txt:not(.hide).txt8 span{animation-delay: 4.5s;}
.pictxt .txt:not(.hide).txt8 i{animation-delay: 4.7s;}
.pictxt .txt:not(.hide).txt9 {animation-delay: 4.9s;}
.pictxt .txt:not(.hide).txt9 span{animation-delay: 5.1s;}
.pictxt .txt:not(.hide).txt9 i{animation-delay: 5.3s;}
.pictxt .txt:not(.hide).txt10 {animation-delay: 5.5s;}
.pictxt .txt:not(.hide).txt10 span{animation-delay: 5.7s;}
.pictxt .txt:not(.hide).txt10 i{animation-delay: 5.9s;}
.pictxt .txt:not(.hide).txt11 {animation-delay: 6.1s;}
.pictxt .txt:not(.hide).txt11 span{animation-delay: 6.3s;}
.pictxt .txt:not(.hide).txt11 i{animation-delay: 6.5s;}

@keyframes show{
to {
    opacity: 1;
    transform: translateX(0)
}
}
@keyframes hide{
to {
    opacity: 0;
    transform: translateX(100px);
    max-height: 0;
    margin: 0;
}
}